.property-controller
  width: 850px
  height: 300px
  background: white
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25)
  position: absolute
  z-index: 1000
  bottom: 20px
  left: calc((100% - 800px) / 2)
  padding: 20px
  box-sizing: border-box
  font-family: 'Ubuntu Mono', monospace
  display: flex
  flex-direction: column
  justify-content: space-between
  transition: opacity 0.3s
  &.hide
    pointer-events: none
    opacity: 0!important
    user-select: none
  .controller-opacity
    width: 100%
    display: flex
    align-items: center
    justify-content: space-between
    .label
      margin-left: 4px // compensate for table 4 px margin bug
    input
      width: calc(100% - 284px)
      margin-left: 16px
    .camera
      display: block
      cursor: pointer
      border: none
      padding: 5px 14px
      background: #6c5ce7
      color: white
      border-radius: 5px
      outline: none
      i
        margin-right: 5px
  .main-controls
    display: flex
  table
    width: 50%
    &:first-child
      border-right: 1px solid rgba(0, 0, 0, 0.25)
    &:last-child
      padding-left: 5px
  .control
    height: 30px
    .control-name
      margin-right: 20px
    td:nth-child(3)
      width: 40px
